import React from 'react';
import { Layout } from 'antd';
import './App.scss';
import NavigationBar from './components/NavigationBar';
import { HashRouter as Router, Switch, Route } from 'react-router-dom';
import Home from './page/Home';
import Attendance from './page/Attendance';

const { Header, Content, Footer } = Layout;
export default function App() {
    return (
        <Router>
            <Layout className="app">
                <Header className="header">
                    <NavigationBar />
                </Header>
                <Content>
                    <Switch>
                        <Route path="/specialTools/attendance" component={Attendance} />
                        <Route component={Home} />
                    </Switch>
                </Content>
                <Footer className="footer">
                    Designed just for you!
                </Footer>
            </Layout>
        </Router>
    );
};
